<!DOCTYPE html>
<html lang="en">
<head>
    <title>Quiz</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Passion+One:400,700' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>
<div class="bg">
<div class="bg-2">
  <!--==============================header=================================-->
    <header>
        <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
        <nav>  
            <ul class="menu">
                <li><a href="index.html">Home</a></li>
                <li><a href="lessons.html">Lessons</a></li>
                <li><a href="artikel1.html">Articles</a></li>
                <li><a href="forum.html ">Forum</a></li>
                <li class="current"><a href="contacts.html">Quiz</a></li>
				<li><a href="ebook.html">e-Book</a></li>
            </ul>
         </nav>
    </header>   
  <!--==============================content================================-->
    <section id="content"><div class="ic"></div>
        <div class="slogan top-1">
        	<p>Ayo <span class="clr-1">uji</span> pemahaman kamu tentang <span class="clr-1">biologi</span></p>
            <p>Baca soal dengan teliti dan pilih satu diantara lima pilihan yang diberikan, good luck!</p>
        </div>
        <div class="page5-row1">
            <div class="page5-col-1">
            	<p>1. <span class="soal">Enzim apa yang berfungsi mengubah makanan dalam mulut yang mengandung zat karbohidrat menjadi gula sederhana (maltosa)?</span></p>
					<div class="jawaban">
					 <input type = "radio" id = "1a" value = "small"/> <label for = "1a">Maltosa</label><br>
					 <input type = "radio" id = "1b" value = "small"/> <label for = "1b">Saliva</label><br>
					 <input type = "radio" id = "1c" value = "small"/> <label for = "1c">Ptialin</label><br>
					 <input type = "radio" id = "1d" value = "small"/> <label for = "1d">Amilopsin</label>
					</div>
				<p>2. <span class="soal">Urutan alat pernafasan manusia yang benar dimulai dari atas ke bawah adalah</span></p>
					<div class="jawaban">
					 <input type = "radio" id = "2a" value = "small"/> <label for = "2a">Rongga hidung - laring - trakea - faring - pulmo</label><br>
					 <input type = "radio" id = "2b" value = "small"/> <label for = "2b">Rongga hidung - faring - laring - trakea - pulmo</label><br>
					 <input type = "radio" id = "2c" value = "small"/> <label for = "2c">Rongga hidung - trakea - faring - laring - pulmo</label><br>
					 <input type = "radio" id = "2d" value = "small"/> <label for = "2d">Rongga hidung - laring - faring - trakea - pulmo</label>
					</div>
				<p>3. <span class="soal">Berikut ini adalah fungsi dari rangka, kecuali:</span></p>
					<div class="jawaban">
					 <input type = "radio" id = "1a" value = "small"/> <label for = "1a">Sebagai alat gerak pasif</label><br>
					 <input type = "radio" id = "1b" value = "small"/> <label for = "1b">Memberi bentuk tubuh</label><br>
					 <input type = "radio" id = "1c" value = "small"/> <label for = "1c">Tempat melekatnya otot rangka</label><br>
					 <input type = "radio" id = "1d" value = "small"/> <label for = "1d">Tempat pembentukan sel darah</label>
					</div>
				<p>4. <span class="soal">Bagian otak yang berperan dalam pusat pergerakan mata adalah..</span></p>
					<div class="jawaban">
					 <input type = "radio" id = "1a" value = "small"/> <label for = "1a">Otak depan</label><br>
					 <input type = "radio" id = "1b" value = "small"/> <label for = "1b">Otak tengah</label><br>
					 <input type = "radio" id = "1c" value = "small"/> <label for = "1c">Otak belakang</label><br>
					 <input type = "radio" id = "1d" value = "small"/> <label for = "1d">Otak besar</label>
					</div>
				<p>5. <span class="soal">Tempat perkembangan zigot apabila terjadi pfertilisasi adalah..</span></p>
					<div class="jawaban">
					 <input type = "radio" id = "1a" value = "small"/> <label for = "1a">Oviduk</label><br>
					 <input type = "radio" id = "1b" value = "small"/> <label for = "1b">Ovarium</label><br>
					 <input type = "radio" id = "1c" value = "small"/> <label for = "1c">Vagina</label><br>
					 <input type = "radio" id = "1d" value = "small"/> <label for = "1d">Uterus</label>
					</div>
            </div> 
			<div class="page5-col-2">
				<a href="#" class="button-2">Lihat Nilai</a>
			</div>
        </div>
    </section> 
</div>       
</div> 
<!--==============================aside=================================-->
  <aside>
  	<div class="wrap">
   	  <div class="aside-col-1 border-right-2">
        	<h3><span class="clr-1">K</span>irim Hasil Quiz:</h3>
            <form id="form-search" method="post">
              <span>Enter you email here:</span>
              <input type="text" value="" onBlur="if(this.value=='') this.value=''" onFocus="if(this.value =='' ) this.value=''"  />
              <a href="#" onClick="document.getElementById('form-search').submit()" class="link-2">subscribe</a>
            </form>
        </div>
        <div class="aside-col-2 border-right-2">
        	<h3><b><span class="clr-1">S</span>ubmit soal</b></h3>
            <p>Kamu juga bisa memberikan soal seputaran Biologi, lho!</p>
			<br><a href="soal.html" class="button-2">Submit soal</a>
        </div>  
          <div class="aside-col-3 border-right-2">
            <dl class="adrss">
                <dd><span>Handphone:</span><strong>+85265366789</strong></dd>
                <dd><span>Telephone:</span><strong>+02212345578</strong></dd>
                <dd><span>Fax:</span><strong>+1 800 889 9898</strong></dd>
                <dd><span>E-mail:</span><a href="#" class="link"><strong>mail@biolofun.org</strong></a></dd>
            </dl> 
            <p><strong>Institut Teknologi Telkom<br>
Dayeuh Kolot,Bandung</strong></p>
        </div>  
        <div class="aside-col-4">
        	<div class="soc-icons">
            	<a href="#"><img src="images/icon-1.png" alt=""></a><a href="#"><img src="images/icon-2.png" alt=""></a><a href="#"><img src="images/icon-3.png" alt=""></a>
            </div>
        </div>  
    </div>
  </aside>
<!--==============================footer=================================-->
  <footer>
        <p><strong>© 2012  BioloFun</strong></p>
  </footer>	       
</body>
</html>